<!DOCTYPE html>
<html>
  <head>
    <title>${ticketProduct.name}详情</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
    <style type="text/css">
	 body,html{background: #ffffff;}
		.icon_dz {
   width: 28px; height: 32px;
   vertical-align: -0.15em;
   fill: #E92333;
   overflow: hidden;
}
		.xyg-content{width:90%; padding:0rem 5%;}
		.xyg-content .xyg-content-text{width: 92%;padding:0rem 4%; margin-top: 35px; border: 1px solid #FE3536;height: 70px; line-height: 70px; font-size: 26px; color: #FE3536;}
		.xyg-content .xyg-content-price{width: 100%; margin-top:5px;height: 70px; line-height: 70px; font-size: 28px; color:#2F2F2F;}
		.xyg-content .xyg-content-price span{ font-size: 40px; font-weight: bold;color:#E80C1C;}
		.xyg-content .xyg-comp-item-tag{width:100%;height:auto; margin-top:20px;}
	.xyg-content .xyg-comp-item-tag .xyg-comp-item-tag-title{width:auto;height:1.2rem;line-height:1.2rem; font-size: 22px; color: #999999; background: #f6f7fb; padding: 0px 0.2rem;float: left;margin-right: 0.2rem;}
		.xyg-content-title{width:100%; color: #2F2F2F;line-height:45px; font-weight:bold; letter-spacing:1px; font-size: 30px; margin-top:20px;}
		.xyg-content-item{width:100%;height:auto; line-height: 40px; font-size: 28px; margin-top:20px;}
		.xyg-content-item .xyg-content-item-left{width:20%; color: #999999; float: left;}
		.xyg-content-item .xyg-content-item-right{width:80%; color: #2F2F2F; float: left;}
		.xyg-content-item1{width:100%;height:auto; line-height: 40px; font-size: 28px; margin-top:20px;}
		.xyg-content-item1 .xyg-content-item-left{width:80%; color: #2F2F2F; float: left;}
		.xyg-content-item1 .xyg-content-item-right{width:20%; color: #999999; float: left; text-align:right;}
		.xyg-wg{width:90%; padding:0rem 5%; margin: 40px 0px;}
		.xyg-wg .xyg-wg-title{width:100%;}
		.xyg-wg .xyg-wg-logo{width:100%; height:70px; position:relative; float:right; margin: 20px 0px;}
	.xyg-wg .xyg-wg-logo img{top:0px; width:70px;position:absolute; height:70px; border-radius:35px;}
		.xyg-desc{width:90%; padding:0rem 5%; margin: 20px 0px;}
		.xyg-desc .xyg-desc-title{width:100%;}
		.xyg-desc .xyg-desc-content{width:100%; margin-top: 20px; font-size: 28px; line-height: 35px; color: #2F2F2F;}
		.xyg-desc .xyg-desc-lie4{width:100%; margin: 30px 0px 10px 0px;}
		.xyg-desc .xyg-desc-lie4 .xyg-desc-item{width:25%; float: left; color: #999999; line-height:50px;font-size: 32px; }
		.xyg-desc .xyg-desc-lie4 .active{color: #FF5454;}
		/****************底部 菜单开始*********************/
.xyg-buy-bottom{width:100%;height:auto; position: fixed; padding: 10px 0px; bottom: 0px; border-top: 1px solid #d1d1d1;left: 0px;background:#ffffff;}
		.xyg-buy-bottom .xyg-buy-bottom-item{width:15%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-item1{width:35%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-item1 .xyg-buy-bottom-item2-pay{width:90%; height:80px; line-height: 80px;  font-size: 33px; color:#F04348; border-radius:10px; border: 1px solid #F04348;letter-spacing:0.1rem; }
		.xyg-buy-bottom .xyg-buy-bottom-item1 .xyg-buy-bottom-item1-pay{width:90%; height:80px; line-height: 80px;  font-size: 33px; color:#fff; border-radius:10px; background:#FF524F; letter-spacing:0.1rem; }
		.xyg-buy-bottom .xyg-buy-bottom-item img{max-width:100%; height:40px; width: auto; margin:0rem auto;}
		.xyg-buy-bottom .xyg-buy-bottom-item .xyg-buy-bottom-item-text{width:100%; margin-top: 5px; height:30px; line-height: 30px; font-size: 24px; color:#999999; }
		.xyg-buy-bottom .xyg-buy-bottom-item .select-text{color:#0B6C3F; }
/****************底部 菜单结束*********************/
    </style>
  </head>
  <body>
  <#if ticketProduct.imageList??&&(ticketProduct.imageList?size gt 0)>
  <!--轮播图-->
  <div class="xyg-comp-banner swiper-container">
         <div class="swiper-wrapper">
             <#list ticketProduct.imageList as image>
           <div class="swiper-slide"><img src="${image}" /></div>
             </#list>
           </div>
           <div class="swiper-pagination xyg-comp-banner-swiper"></div>
       </div>
  </#if>
   <!--消息-->
   <div class="xyg-content">
    <div class="xyg-content-title">
   		${ticketProduct.name}
   	</div>
     <div class="xyg-comp-item-tag">
         <#list ticketProduct.tagList as tag>
             <div class="xyg-comp-item-tag-title">${tag}</div>
         </#list>
         <div class="clearBoth"></div>
      </div>
   	<div class="xyg-content-price">
   		<span>￥${ticketProduct.currentPrice}</span>&nbsp;<del>${ticketProduct.costPrice}元</del>
   	</div>
   	<div class="xyg-content-item1">
   		<div class="xyg-content-item-left"><svg class="icon_dz" aria-hidden="true"><use xlink:href="#icondingwei"></use></svg>&nbsp;${ticketProduct.address}</div>
   		<div class="xyg-content-item-right">
   		<span class="color1"></span>
   		 地图&nbsp;<svg class="icon_dz" aria-hidden="true"><use xlink:href="#iconxiangyou"></use></svg>
   		</div>
   		<div class="clearBoth"></div>
   	  </div>
   </div>
    <div style="width:100%; height:20px; background:#f8f8f8; margin-top: 40px;"></div>
    <div class="xyg-desc">
    	<div class="xyg-desc-title font-base4-size-bold color3">
    		购买须知
    	</div>
    	<div class="xyg-desc-content">
    		<article class="weui-article">
                ${ticketProduct.content}
		</article>
    	</div>
    </div>
     <!--底部菜单开始-->
  <div style="width:100%; height:160px;"></div>
     <div class="xyg-buy-bottom">
        	<div class="xyg-buy-bottom-item">
        	<a href="javascript:goIndex('${memberId}')">
        		<img src="${s.base}/mobile/images/icon_sc.png"/>
        		<div class="xyg-buy-bottom-item-text ">首页</div>
				</a>
        	</div>
        	<div class="xyg-buy-bottom-item">
        		<a href="${s.base}/mobile/my.html">
        		<img src="${s.base}/mobile/images/icon_fx.png"/>
        		<div class="xyg-buy-bottom-item-text">分享</div>
        		</a>
        	</div>
            <div class="xyg-buy-bottom-item1">
        		<div class="xyg-buy-bottom-item2-pay">在线咨询</div>
        	</div>
            <div class="xyg-buy-bottom-item1" onclick="goItemBuy('${memberId}','${ticketProduct.id}')">
        		<div class="xyg-buy-bottom-item1-pay">立即购买</div>
        	</div>
        	<div class="clearBoth"></div>
        </div>
     <!--底部菜单结束-->
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/js/swiper.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/js/component.js"></script>
  <script src="${s.base}/mobile/js/base.js"></script>
  <script type="text/javascript">
  	initXygDpi();
  
	$(document).ready(function(e) {
		initDate();
    });
	function initDate(){
		$.fn.initXygCompBanner("",".xyg-comp-banner-swiper",417);
	}
  </script>
  
</html>

